<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
</head>
<style type="text/css">
  #toolbar .btn {
    margin-right: 5xp;
  }
</style>
<body class="fixed-left">
  <div id="wrapper">
    #include("./header.html")
    #include("./left.html")
      <div class="content-page">
          <div class="content">
              <div class="container">
                  <div class="row">
                    <div class="col-sm-12 my-nav">
                      <div class="new m-b-15" style="box-shadow: 5px 5px 5px #ddd">
                            <h1 class="text-center page-title" style="color: #5d9cec;">站点管理</h1>
                        </div>
                    </div>
                  </div>
                  <div class="panel panel-primary" style="box-shadow: 5px 5px 5px #ddd">
                      <!-- <div class="panel-heading">计算规则</div> -->
                        <div class="panel-body">
                            <div class="">
                                <div id="datatable-editable_wrapper" class="form-inline" >
                                    <div class="row">
                                        <div id="toolbar" >
                                          <button id="btn_add" type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">
                                              <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
                                          </button>
                                          <!-- <button id="btn_edit" type="button" class="btn btn-default">
                                              <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
                                          </button>
                                          <button id="btn_delete" type="button" class="btn btn-danger" disabled="">
                                              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
                                          </button> -->
                                      </div>
                                    </div>  
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <table class="table table-striped  table-hover" id="datatable-editable" >
                                                
                                            </table>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-top: 10px;">
                                        <div class="col-sm-12" >
                                            <div class=" paging_simple_numbers text-center" >
                                                <ul class="pagination" style="margin:0 auto" id="datatable-paginate">
                                                  <!--   <li class="paginate_button previous disabled"  id="datatable-editable_previous"><a href="#">Previous</a></li>
                                                    <li class="paginate_button active" ><a href="#">1</a></li>
                                                    <li class="paginate_button  " id="two"><a href="#">2</a></li>
                                                    <li class="paginate_button " ><a href="#">3</a></li>
                                                    <li class="paginate_button " ><a href="#">4</a></li>
                                                    <li class="paginate_button " ><a href="#">5</a></li>
                                                    <li class="paginate_button " ><a href="#">6</a></li>
                                                    <li class="paginate_button next" id="datatable-editable_next"><a href="#">Next</a></li> -->
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>    
                        </div>
                    </div>
                 <!--  <div class="row">
                    <div class="col-sm-12">
                        <div class="card-box" style="box-shadow: 5px 5px 5px #ddd">
                          <div class="row">
                            <div id="toolbar" >
                                <button id="btn_add" type="button" class="btn btn-default">
                                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
                                </button>
                                <button id="btn_edit" type="button" class="btn btn-default">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
                                </button>
                                <button id="btn_delete" type="button" class="btn btn-danger" disabled="">
                                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
                                </button>
                            </div>
                          </div>
                          <div class="row"> 
                            <div class="col-sm-12">
                                <table class="table table-striped  table-hover" id="datatable-editable" >
                                    
                                </table>
                            </div>
                          </div>
                        </div>
                    </div>
                  </div>  -->    
              </div>
          </div>
      </div>
  </div>


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加新站点</h4>
      </div>
      <div class="modal-body">
        <form id="add-website" role="form" data-parsley-validate="">
          <div class="form-group">
            <label for="userName">网站名称<span style="color: red">*</span></label>
              <input type="text" name="name" required placeholder="请输入新增站点的名称" class="form-control" id="Name" >
          </div>
          <div class="form-group">
            <label for="userName">网站地址<span style="color: red">*</span></label>
              <input type="url" name="domain" required placeholder="请输入新增站点的网址(带http://)" class="form-control" id="domain" >
          </div>
          <div class="form-group text-right">
            <div class="col-sm-offset-4 col-sm-8">
                                        <button type="submit" class="btn btn-primary waves-effect waves-light" id="submit-btns">
                                            确定
                                        </button>
                                        <button type="reset" class="btn btn-default waves-effect waves-light m-l-5" data-dismiss="modal">
                                            取消
                                        </button>
                                    </div>
           <!--  <button type="button" class="btn btn-primary waves-effect waves-light" id="submit-btns">
                                            确定
                                        </button>
            <button type="reset" class="btn btn-default waves-effect waves-light"  data-dismiss="modal">取消</button> -->
          </div>

        </form>
      </div>
      <!-- <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div> -->
    </div>
  </div>
</div>
</body>
</html>